.right-header {
    height: 80px;
    display: flex;
    flex-direction: column;
    background-color: #fff;

    .right-header-top {
        height: 50%;
        display: flex;
        padding: 0 20px;
        align-items: center;
        flex-direction: row-reverse;

        span {
            margin: 0 10px;
        }
    }

    .right-header-bottom {
        height: 50%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;

        .right-header-bottom-left {
            font-size: 22px;
            margin-left: 50px;
            position: relative;

            &:after {
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                border: 10px solid #fff;
                border-left-color: transparent;
                border-top-color: transparent;
                position: absolute;
                bottom: -20px;
                left: 50%;
                transform: rotate(45deg) translateX(-70%);
            }
        }

        .right-header-bottom-right {
            .weather {
                margin-left: 20px;
            }
        }
    }
}